<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$pageName} - Thế Giới Tin Học</title>
<link href="{$ROOTPATH}/templates/{$usertemplate}/css/jquery-ui-1.8.20.custom.css" rel="stylesheet">
<link href="{$ROOTPATH}/templates/{$usertemplate}/css/style.css" rel="stylesheet" type="text/css" />
<link href="{$ROOTPATH}/templates/{$usertemplate}/css/jquery.thegioitinhoc.css" rel="stylesheet" type="text/css" />
<!--banner--><link rel="stylesheet" href="{$ROOTPATH}/templates/{$usertemplate}/css/nivo-slider.css" type="text/css" media="screen" />
<!--banner--><link rel="stylesheet" href="{$ROOTPATH}/templates/{$usertemplate}/css/style-banner.css" type="text/css" media="screen" />
<!--danhmucsanpham--><script language="javascript" src="{$ROOTPATH}/templates/{$usertemplate}/js/danhmuc-menu-jquery.js"></script>
<script type="text/javascript" src="{$ROOTPATH}/templates/{$usertemplate}/js/jquery-1.4.3.min.js"></script>
<script src="{$ROOTPATH}/templates/{$usertemplate}/js/jquery-ui-1.8.20.custom.min.js"></script>
<script type="text/javascript" src="{$ROOTPATH}/templates/{$usertemplate}/js/slider-hot.js"></script>
<script src="{$ROOTPATH}/templates/{$usertemplate}/js/jquery-1.js" type="text/javascript"></script>
<!--nxkh--><script type="text/javascript" src="{$ROOTPATH}/templates/{$usertemplate}/js/jcarousellite-1.0.1.js"></script>
<!--nxkh--><script type="text/javascript" src="{$ROOTPATH}/templates/{$usertemplate}/js/call.js"></script>
<!--banner--><script type="text/javascript" src="{$ROOTPATH}/templates/{$usertemplate}/js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="{$ROOTPATH}/templates/{$usertemplate}/js/jquery.thegioitinhoc.js"></script>
</head>

<body>
<div class="index">
    <div class="topHead">
    	<div class="in-topHead">
        	<div class="menu-topHead">
            	<ul>
                	<li class="first"><a href="{$ROOTPATH}/bang-gia-the-gioi-tin-hoc.html"><span>Bảng giá</span></a></li>
                    <li><a href="{$ROOTPATH}/gioi-thieu-cong-ty.html"><span>Giới thiệu</span></a></li>
                    <li><a href="{$ROOTPATH}/tin-tuc-su-kien.html"><span>Tin tức & Sự Kiện</span></a>
                    	<!--<ul>
                        	<li><a href="#">Tin tức</a></li>
                            <li><a href="#">Sự kiện</a></li>
                        </ul>-->
                    </li>
                    <li><a href="{$ROOTPATH}/co-hoi-nghe-nghiep.html"><span>Tuyển dụng</span></a></li>
                    <li><a href="{$ROOTPATH}/lien-he.html"><span>Liên hệ</span></a></li>
                </ul>
            </div><!--menu-topHead-->
        </div><!--in-topHead-->
    </div><!--topHead-->
    <div class="indexCont">
    	<div class="inCont">
        	<div class="header">
            	<div class="logo">
                    <a href="{$ROOTPATH}/index.html">
                        <img src="{$ROOTPATH}/templates/{$usertemplate}/images/logo.png" alt="" />
                    </a>
                </div>
                <div class="title"><img src="{$ROOTPATH}/templates/{$usertemplate}/images/title.png" alt="" /></div>
                <div class="icon-3"><img src="{$ROOTPATH}/templates/{$usertemplate}/images/icon-3.png" alt="" /></div>
            </div><!--header-->
            <div class="menuTop">
            	<ul>
                	<li {if $active eq 'home'}class="active"{/if}><a href="{$ROOTPATH}/index.html"><span>Trang chủ</span></a></li>
                    {if $productcateItems}
                    {foreach from=$productcateItems key=i item=productcateItem}
                        {assign var='pid' value=$productcateItem->getId()}
                        {assign var='subProductCate value=$productcategories->getSubProCategory($pid)}
                        <li {if $active eq $pid}class="active"{/if}>
                            <a href="{$productcateItem->getUrl($lang)}">
                                <span>{$productcateItem->getName()}</span>
                            </a>
                            {if $subProductCate}
                            <ul>
                                {foreach from=$subProductCate item=legoItem}
                                    {assign var='sub2pid' value=$legoItem->getId()}
                                    {assign var='sub2ProductCate value=$productcategories->getSubProCategory($sub2pid)}
                                    <li>
                                        <a href="{$legoItem->getUrl($lang)}">{$legoItem->getName()}</a>
                                        {if $sub2ProductCate}
                                        <ul>
                                            {foreach from=$sub2ProductCate item=lego2Item}
                                            <li>
                                                <a href="{$lego2Item->getUrl($lang)}">{$lego2Item->getName()}</a>
                                            </li>
                                            {/foreach}
                                        </ul>
                                        {/if}
                                    </li>
                                {/foreach}
                            </ul>
                            {/if}
                        </li>
                    {/foreach}
                    {/if}
                    <li {if $active eq 'khuyen-mai'}class="active"{/if}><a href="{$ROOTPATH}/khuyen-mai.html"><span>Khuyến mãi</span></a></li>
                </ul>
            </div><!--menuTop-->
            <div class="menuPhu">
            	<div class="search">
                    <form method="POST" action="{$ROOTPATH}/index.php" style=" float:left; margin:8px 0 0 10px;">
                        <input type="hidden" value="search" name="op">
                        <input type="text" name="keywords" value="{if $keywords}{$keywords}{/if}" 
                               style="width:192px; height:17px; float:left; background:white; border:1px solid #dddd;" />
                        <input type="submit" value="" 
                               style=" width:23px; height:23px; float:left; background:url({$ROOTPATH}/templates/{$usertemplate}/images/icon-search.png) no-repeat; border:none; box-shadow:3px 3px 3px #666; margin-left:5px;" />
                    </form>
                </div><!--search-->
                <form name="quicksearch" method="post" action="{$ROOTPATH}/">
                <div class="search-1">
                	<ul class="tip1">
                        <li><a href="#">Tìm kiếm mở rộng</a>
                            <ul class="tip2">
                                <li>
                                	<p>Tùy chọn</p>
                                    <span>
                                            <input type="text" name="keywords" style="width:166px; float:right;" value="{$keywords}"/>
                                    </span>
                                </li>                          
                                <li>
                                	<p>Danh mục</p>
                                    <span>
                                    	<select name="chuyenmuc" style="float:right; margin-top:5px; width:170px;">
                                        	<option value="-1">Chọn danh mục</option>
                                            {$listcbosearch}
                                        </select>
                                    </span>
                                </li>                              
                                <li>
                                	<p>Giá từ</p>
                                    <span>
                                           <input type="text" name="giatu" value="{$giatu}" style="width:166px; float:right;"/>
                                    </span>
                                </li>
                                <li>
                                	<p>Giá đến</p>
                                    <span>
                                            <input type="text" name="giaden" value="{if $giaden}{$giaden}{/if}" style="width:166px; float:right;"/>
                                    </span>
                                </li>
                                <li>
                                	<p>Có giảm giá</p>
                                    <span>
                                            <input type="checkbox" name="giamgia" {if $giamgia}selected="selected"{/if}/>
                                    </span>
                                </li>
                                <li>
                                    <input type="submit" value="Tìm kiếm" style=" float:left; margin:10px 0 0 100px;" />
                                    <input name="op" type="hidden" value="search" />
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div><!--search-1-->
                </form>
                <div class="menuOff">
                	<ul>
                        {if $authUser}
                        <div class="infoUser">
                            <span>Xin chào, {$authUser->getUsername()} &nbsp;&nbsp;| </span>
                            <a href="{$ROOTPATH}/logout.html">
                                Thoát
                            </a> 
                        </div>
                        {else}
                    	<li class="dkMenu">
                            <a href="{$ROOTPATH}/dang-ky.html"><span>Đăng ký</span></a>
                        </li>
                        <li class="dnMenu"><a href="#" id="dangnhap"><span>Đăng nhập</span></a></li>
                        {/if}
                        <li class="ghMenu"><a href="{$ROOTPATH}/index.php?op=shopping&lang=vn"><span> &nbsp;&nbsp;{$messages.cart}{if $count_item neq 0}({$count_item}){/if}</span></a></li>
                    </ul>
                </div><!--menuOff-->
            </div><!--menuPhu-->
            <div class="banner">
                <div id="zalen">
                    <div id="slider-wrapper">
                        <div id="slider" class="nivoSlider">
                         {if $adsItems}
                         {foreach from=$adsItems item=adsItem}
                          <a href="http://{$adsItem->getUrl()}"><img src="{$ROOTPATH}/gallery/avatar_upload/ads/storage/{$adsItem->getLogoUrl()}" alt="" /></a>
                            {/foreach}   
                           {/if}
                          
                        </div>
                    </div>
                    <div class="bo-1"></div><div class="bo-2"></div><div class="bo-3"></div><div class="bo-4"></div>
                </div>
            </div><!--End .banner-->